import { ProFormFieldSet, ProFormText } from "@ant-design/pro-components";
import Card from "../Card";
import styles from "./index.module.less";
import { PHONE_REG, REG_EXP_BY_URL } from "@/utils/pattern";

export default () => {
	return (
		<Card title="产品信息">
			<ProFormText
				label="生产许可证"
				name="production_license"
				placeholder={"请输入生产许可证，QS或者SC"}
				fieldProps={{
					showCount: true,
					maxLength: 50
				}}
			/>
			<ProFormText
				label="厂名"
				name="manufacturer_name"
				placeholder={"请输入生产厂商名字"}
				fieldProps={{
					showCount: true,
					maxLength: 50
				}}
			/>
			<ProFormText
				label="厂址"
				name="manufacturer_address"
				placeholder={"请输入生产厂商地址"}
				fieldProps={{
					showCount: true,
					maxLength: 100
				}}
			/>
			<ProFormText
				label="厂家联系方式"
				name="manufacturer_contact"
				placeholder={"请输入生产厂商联系方式"}
				rules={[{ pattern: PHONE_REG, message: "请输入正确的联系方式" }]}
			/>
		</Card>
	);
};
